<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--锚标记-->
<a name="top">顶部</a>
<!--a标签：
href:必填，表示要跳转到哪个页面
target：表示窗口在哪里打开
      _blank在新标签中打开
      _self在自己的网页中打开
-->
<a href="1.html" target="_blank">点我跳转到页面1</a>
<a href="https://www.baidu.com" target="_self">
    <strong>点击我跳转到百度</strong>
</a>
<a href="1.html">
    <img src="../resource/image/1.jpg" alt="图片">
</a>


<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>
<p>
    <a href="1.html">
        <img src="../resource/image/1.jpg" alt="图片">
    </a>
</p>

<!--锚链接
1，需要一个锚标记
2，跳转到标记
-->
<a href="#top">回到顶部</a>


<!--功能性连接
邮件连接：mailto
qq连接，说白了就是点击跳转网页而已，这里就不演示了
-->
<a href="mailto:1234567@qq.com">点击联系我</a>


</body>
</html>